<ui:composition xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui"
	xmlns:f="http://java.sun.com/jsf/core" template="/template.xhtml">
	<ui:define name="css">
		<h:outputStylesheet library="css" name="estilo.css" />
	</ui:define>
	<ui:define name="title"> Bidman</ui:define>
	<ui:define name="conteudo">
		<h:form>
			<p:panel header="Listar Produto/Serviço"
				style="font-size:22px;margin:auto;text-align: center;">
				<p:dataTable var="prod" value="#{produtoServicoController.produtos}"
					id="table" styleClass="ui-corner-all"
					emptyMessage="Não Há Registros"
					style="margin:auto;font-size:12px;width:100%"
					rowStyleClass="#{empty rowIx or rowIx mod 2 ne 0 ? 'even-row' : 'odd-row'}"
					rowIndexVar="rowIx">
					<p:column headerText="Descrição">
						<h:outputText value="#{prod.descricao}" />
					</p:column>
					<p:column headerText="Tipo">
						<h:outputText value="Nada" rendered="#{prod.tipo == 0}" />
						<h:outputText value="Produto" rendered="#{prod.tipo == 1}" />
						<h:outputText value="Servico" rendered="#{prod.tipo == 2}" />
					</p:column>
					<p:column headerText="Descrição da Imagem">
						<h:outputText value="#{prod.getImage()}" />
					</p:column>
					<p:column headerText="Imagem">
						<img src="#{request.contextPath}/images/#{prod.getImage()}"
							style="width: 38em; height: 20em;" />
					</p:column>
					<p:column headerText="Option" style="width:50px">
						<p:commandButton action="#{produtoServicoController.editar(prod)}"
							ajax="false" icon="ui-icon ui-icon-pencil" title="Editar"
							update="table" />
						<p:commandButton icon="ui-icon ui-icon-closethick"
							oncomplete="produtoServicoDialog.show()" title="Remover"
							action="#{produtoServicoController.setProdutoServico(prod)}"
							update="table" />
					</p:column>
				</p:dataTable>
			</p:panel>
			<p:dialog header="Remover Produto/Serviço"
				widgetVar="produtoServicoDialog" resizable="false" id="prdServDlg"
				showEffect="fade" hideEffect="explode" modal="true">
				<h:panelGrid id="display" columns="2" cellpadding="4"
					style="margin:0 auto;">
					<p:commandButton id="deleteButton"
						action="#{produtoServicoController.remover}"
						oncomplete="produtoServicoDialog.hide()" update="table"
						value="Deletar" />
					<p:commandButton id="cancelButton"
						onclick="produtoServicoDialog.hide()" value="Cancelar" />
				</h:panelGrid>
			</p:dialog>

		</h:form>
	</ui:define>
</ui:composition>


